<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
    <title>Ajaxlab Command Prompt</title>
    <link rel='stylesheet' href='styles.css' type='text/css' />
   
</head>
<body>

<div id="body">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="23%" valign="top"><br>
          <br>
          <br>
          <br>
          <a href="index.html">Home</a><br>
          <a href="LiveExamples.html">Live Examples</a><br>
          <a href="QuickStart.html">Quick Start</a><br>
          <a href="CustomizeTheLook.html">Customize the Look</a> <br>
          <a href="WritePlugIns.html">Write Plugins</a><br>
          <a href="DownLoad.html">Download</a><br>
          <a href="API.html">API</a><br>
          <a href="Issues.html">Issues</a><br>
          <a href="Community.html">Community </a><br>
          <a href="Links.html">Links</a> <br> </td>
        <td width="77%" valign="top"><h1>Quick Start   </h1>
          <p>There are a couple of things you need to do and setup command prompt on your page <br>
              <br>
            1. Include Atlas Javascript libraries in the &lt;head&gt;&lt;/head&gt; of your html page <br>
  <br>
          <div>
            <pre>&lt;script language=&quot;JavaScript&quot; 
        type=&quot;text/javascript&quot; 
        src=&quot;ScriptLibrary/Atlas/Release/AtlasCompat.js&quot;&gt;
&lt;/script&gt;<br>&lt;script language=&quot;JavaScript&quot; 
        type=&quot;text/javascript&quot; 
        src=&quot;ScriptLibrary/Atlas/Release/Atlas.js&quot;&gt;
&lt;/script&gt;

&lt;script language=&quot;JavaScript&quot; 
        type=&quot;text/javascript&quot; 
        src=&quot;ScriptLibrary/AjaxLabCommandPrompt/Engine/Abstract/CMD.js&quot;&gt;
&lt;/script&gt;<br>&lt;script language=&quot;JavaScript&quot; 
        type=&quot;text/javascript&quot; 
        src=&quot;ScriptLibrary/AjaxLabCommandPrompt/Engine/Core/CMD.js&quot;&gt;
&lt;/script&gt;
</pre>
          </div>
          <p>2.
          Initialize Command Prompt by adding this function to your &lt;head&gt;&lt;/head&gt; section. *Note. It must be called pageLoad() because it's a default function Atlas Javascript framework use to initalize when the page loads.  More on the function parameter in the next step <br>
		  
		  </p>
          <pre>&lt;script type=&quot;text/javascript&quot;&gt;<br>		<br>		<br>function pageLoad()<br>{<br>	<br>     var cmd = new AjaxLab.Engine.Core.Cmd(null,&quot;CmdPrompt&quot;,null,&quot;http://www.ajaxlab.com&quot;);<br>     cmd.setIsDebug(false);<br>}<br><br>&lt;/script&gt;


</pre>
          <p>3. Pay attention to the function in step 2. The fucntion takes four parmemters</p>
          <ul>
            <li>First Parameter: Container div id outside the textarea (optional)</li>
            <li>Second Parameter: Your textarea id (requried)  </li>
            <li>Third Parameter: Your debug area id (optional)</li>
            <li>Fourth Parameter: Command Prompt Root (required)  </li>
          </ul>
          <p>4. Have a textarea in your html page .  In my examples here, my textarea has an id=&quot;CmdPrompt&quot;. Note, you can decorate the background color and textcolor of your command prompt here. Normally, I would use a css class, but for demostration purpose here, I just want to show you how it can be done. </p>
          <pre><br>        &lt;textarea <br>              style=&quot;BACKGROUND:#000000; 
              COLOR:#ffffff&quot; 
              id=&quot;CmdPrompt&quot; 
              cols=&quot;80&quot; rows=&quot;20&quot; 
              wrap=&quot;virtual&quot;&gt;
        &lt;/textarea&gt;
 </pre>				  
          <p>5. If you want to have debug window or use the default &quot;enable debug&quot; command, you need to setup a debug area. Simply setup a &lt;div&gt; tag in your page with any &quot;id&quot; and then make sure you sepeficy the id in the third parmater in setp 3. At this point, your have what you need already. If you like to make it look fancy, read <a href="CustomizeTheLook.html">Customize the Look</a>. <br>
          </p>
          <h2>Credits</h2>
        <p>AjaxLab.com</p></td>
      </tr>
      <tr>
        <td valign="top">&nbsp;</td>
        <td valign="top">&nbsp;</td>
      </tr>
    </table>
</body>
</html>